.page-content{
	/* margin-top: 60px; */
}

.page-content .wrap{
	/* width: 1200px; */
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.page-content .wrap .lt,
.page-content .wrap .rt{
	width: 50%;
	height: 100%;
	position: relative;
	float: left;
}

/* ----------- index ----------- */
.page-content .bg-gray{
	background-color: #f7f7f7;
}

.page-content .page{
	height: 660px;
	border-bottom: 1px solid #fcfcfc;
	position: relative;
}

.page-content .page-1{
	height: 700px;
}

.page-content .page-1 .wrap{
	background: url(../img/page-1-bg.jpg);
}
.page-content .page-1 .lt-icon{
	position: absolute;
	top: 700px;
	bottom: 0;
	right: 23px;
	width: 505px;
	background: url(../img/banner1.png) no-repeat scroll 100% 0%;
	transition: top 2s cubic-bezier(.1,0,.04,1);
	-moz-transition: top 2s cubic-bezier(.1,0,.04,1);
	-webkit-transition: top 2s cubic-bezier(.1,0,.04,1);
	-ms-transition: top 2s cubic-bezier(.1,0,.04,1);
}

.page-content .page-1 .title{
	position: absolute;
	top: -175px;
	left: 30px;
	width: 515px;
	height: 175px;
	background: url(../img/01.png) no-repeat scroll 0% 0%;
	transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-moz-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-webkit-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-ms-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	opacity: 0;
}

.page-content .page-1 .barcode-wrap{
	top: 413px;
	left: 280px;
	transition: opacity .3s 2s;
	-moz-transition: opacity .3s 2s;
	-webkit-transition: opacity .3s 2s;
	-ms-transition: opacity .3s 2s;
	opacity: 0;
}

.page-content .page-1.active .barcode-wrap{
	opacity: 1;
}

.page-content .page-1.active .lt-icon{
	top: 65px;
}

.page-content .page-1.active .title{
	top: 180px;
	opacity: 1;
}

.page-content .page-2{
}

.page-content .page-2 .rt-icon{
	position: absolute;
	top: 660px;
	bottom: 0;
	left: 157px;
	width: 306px;
	background: url(../img/banner2.png) no-repeat scroll 0% 0%;
	transition: top 2s cubic-bezier(.1,0,.04,1);
	-moz-transition: top 2s cubic-bezier(.1,0,.04,1);
	-webkit-transition: top 2s cubic-bezier(.1,0,.04,1);
	-ms-transition: top 2s cubic-bezier(.1,0,.04,1);
}

.page-content .page-2 .title{
	position: absolute;
	top: -220px;
	right: 56px;
	width: 468px;
	height: 212px;
	background: url(../img/02.png) no-repeat scroll 50% 0%;
	transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-moz-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-webkit-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-ms-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	opacity: 0;
}

.page-content .page-2.active .rt-icon{
	top: -48px;
}

.page-content .page-2.active .title{
	top: 210px;
	opacity: 1;
}


.page-content .page-2 .touying1{
    background: url(../img/touying1.png);
    position: relative;
    top: 162px;
    width: 0px;
    height: 174px;
    right: -166px;
}


.page-content .page-2.active .touying1{
    background: url(../img/touying1.png);
    position: relative;
    top: 162px;
    width: 143px;
    height: 174px;
    right: -42px;
    -moz-transition: all 0.25s 2s ease-in;
    -webkit-transition: all 0.25s 2s ease-in;
    -ms-transition: all 0.25s 2s ease-in;
    transition: all 0.25s 2s ease-in;
}


.page-content .page-2 .touying2{
    background: url(../img/touying2.png);
    position: relative;
    top: 190px;
    width: 0;
    height: 103px;
    right: -203px;
}

.page-content .page-2.active .touying2{
    background: url(../img/touying2.png);
    position: relative;
    top: 190px;
    width: 276px;
    height: 103px;
    right: 79px;
    -moz-transition: all 0.5s 2.25s ease-in;
    -webkit-transition: all 0.5s 2.25s ease-in;
    -ms-transition: all 0.5s 2.25s ease-in;
    transition: all 0.5s 2.25s ease-in;
}

.page-content .page-2 .touying3{
    background: url(../img/touying3.png);
    top: 240px;
    position: relative;
    width: 0;
    height: 113px;
    right: -184px;
}

.page-content .page-2.active .touying3{
    background: url(../img/touying3.png);
    top: 240px;
    position: relative;
    width: 126px;
    height: 113px;
    right: -58px;
    -moz-transition: all 0.2s 2.75s ease-in;
    -webkit-transition: all 0.2s 2.75s ease-in;
    -ms-transition: all 0.2s 2.75s ease-in;
    transition: all 0.2s 2.75s ease-in;
}


.page-content .page-3 .wrap{
	background: url(../img/page-3-bg.jpg);
}

.page-content .page-3 .lt-icon{
	position: absolute;
	top: 660px;
	bottom: 0;
	right: 138px;
	width: 303px;
	background: url(../img/banner3.png) no-repeat scroll 100% 0%;
	transition: top 2s cubic-bezier(.1,0,.04,1);
	-moz-transition: top 2s cubic-bezier(.1,0,.04,1);
	-webkit-transition: top 2s cubic-bezier(.1,0,.04,1);
	-ms-transition: top 2s cubic-bezier(.1,0,.04,1);
}

.page-content .page-3 .title{
	position: absolute;
	top: -165px;
	left: -100px;
	width: 504px;
	height: 162px;
	background: url(../img/03.png) no-repeat scroll 50% 0%;
	transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-moz-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-webkit-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-ms-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	opacity: 0;
}

.page-content .page-3.active .lt-icon{
	top: -70px;
}

.page-content .page-3.active .title{
	top: 230px;
	opacity: 1;
}

.page-content .page-4{
	
}

.page-content .page-4 .rt-icon{
	position: absolute;
	top: 660px;
	bottom: 0;
	left: -60px;
	width: 694px;
	background: url(../img/banner4.png) no-repeat scroll 0% 0%;
	transition: top 2s cubic-bezier(.1,0,.04,1);
	-moz-transition: top 2s cubic-bezier(.1,0,.04,1);
	-webkit-transition: top 2s cubic-bezier(.1,0,.04,1);
	-ms-transition: top 2s cubic-bezier(.1,0,.04,1);
}

.page-content .page-4 .title{
	position: absolute;
	top: -165px;
	right: -22px;
	width: 550px;
	height: 163px;
	background: url(../img/04.png) no-repeat scroll 50% 0%;
	transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-moz-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-webkit-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-ms-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	opacity: 0;
}

.page-content .page-4.active .rt-icon{
	top: 36px;
}

.page-content .page-4.active .title{
	top: 249px;
	opacity: 1;
}

.page-content .page-5 .wrap{
	background: url(../img/page-5-bg.jpg);
}

.page-content .page-5 .lt-icon{
	position: absolute;
	top: 660px;
	bottom: 0;
	right: -30px;
	width: 587px;
	background: url(../img/banner5.png) no-repeat scroll 100% 0%;
	transition: top 2s cubic-bezier(.1,0,.04,1);
	-moz-transition: top 2s cubic-bezier(.1,0,.04,1);
	-webkit-transition: top 2s cubic-bezier(.1,0,.04,1);
	-ms-transition: top 2s cubic-bezier(.1,0,.04,1);
}

.page-content .page-5 .title{
	position: absolute;
	top: 317px;
	left: 18px;
	width: 445px;
	height: 166px;
	background: url(../img/05.png) no-repeat scroll 50% 0%;
	transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-moz-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-webkit-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-ms-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	opacity: 0;
}

.page-content .page-5 .share-wrap{
	position: absolute;
	top: 106px;
	bottom: 0;
	right: -40px;
	width: 587px;
	opacity: 0;
	background: url(../img/share.png) no-repeat scroll 100% 0%;
	transition: opacity .1s 2s;
	-moz-transition: opacity .2s 2s;
	-webkit-transition: opacity .2s 2s;
	-ms-transition: opacity .2s 2s;
}

.page-content .page-5 .share-wrap .wx{
	position: absolute;
	top: 65px;
	right: -50px;
	height: 131px;
	width: 136px;
	background: url(img/wx_icon.png) no-repeat scroll 100% 0%;	
	transition: transform .3s 2s;
	-moz-transition: transform .3s 2s;
	-webkit-transition: transform .3s 2s;
	-ms-transition: transform .3s 2s;		
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
}

.page-content .page-5 .share-wrap .py{
	position: absolute;
	top: 185px;
	right: 280px;
	height: 62px;
	width: 62px;
	background: url(img/py_icon.png) no-repeat scroll 100% 0%;		
	transition: transform .3s 2.3s;
	-moz-transition: transform .3s 2.3s;
	-webkit-transition: transform .3s 2.3s;
	-ms-transition: transform .3s 2.3s;	
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);		
}

.page-content .page-5 .share-wrap .wb{
	position: absolute;
	top: 35px;
	right: 230px;
	height: 77px;
	width: 77px;
	background: url(img/wb_icon.png) no-repeat scroll 100% 0%;	
	transition: transform .3s 2.4s;
	-moz-transition: transform .3s 2.3s;
	-webkit-transition: transform .3s 2.3s;
	-ms-transition: transform .3s 2.3s;	
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);				
}

.page-content .page-5 .share-wrap .qq{
	position: absolute;
	top: 225px;
	right: 78px;
	height: 61px;
	width: 61px;
	background: url(img/qq_icon.png) no-repeat scroll 100% 0%;	
	transition: transform .3s 2.4s;
	-moz-transition: transform .3s 2.4s;
	-webkit-transition: transform .3s 2.4s;
	-ms-transition: transform .3s 2.4s;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);			
}

.page-content .page-5.active .wx,
.page-content .page-5.active .wb,
.page-content .page-5.active .py,
.page-content .page-5.active .qq{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);			
}

.page-content .page-5.active .share-wrap{
	opacity: 1;
}

.page-content .page-5.active .lt-icon{
	top: 80px;
}

.page-content .page-5.active .title{
	top: 249px;
	opacity: 1;
}

.page-content .page-6{
	background: url(../img/page-6-bg.png) no-repeat scroll 50% 50%;
}

.page-content .page-6 .rt-icon{
	position: absolute;
	top: 660px;
	bottom: 0;
	left: 135px;
	width: 367px;
	background: url(../img/banner6.png) no-repeat scroll 0% 0%;
	transition: top 2s cubic-bezier(.1,0,.04,1);
	-moz-transition: top 2s cubic-bezier(.1,0,.04,1);
	-webkit-transition: top 2s cubic-bezier(.1,0,.04,1);
	-ms-transition: top 2s cubic-bezier(.1,0,.04,1);
}

.page-content .page-6 .title{
	position: absolute;
	top: -118px;
	right: 40px;
	width: 467px;
	height: 118px;
	background: url(../img/06.png) no-repeat scroll 50% 0%;
	transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-moz-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-webkit-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-ms-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	opacity: 0;
}

.page-content .page-6.active .rt-icon{
	top: 62px;
}

.page-content .page-6.active .title{
	top: 265px;
	opacity: 1;
}

.page-content .page-7{
	height: 360px;
}

.page-content .page-7 .title{
	position: absolute;
	top: 76px;
	left: 50%;
	margin-left: -233px;
	height: 38px;
	width: 466px;
	background: url(img/page-7-title.png) no-repeat scroll 50% 50%;	
}

.page-content .barcode-wrap{
	width: 410px;
	height: 168px;
	position: absolute;
	left: 50%;
	top: 150px;
	margin-left: -205px;
}

.page-content .page .barcode-wrap .barcode{
	width: 140px;
	height: 163px;
	background: url(../img/bcode-bottom.png) no-repeat scroll 50% 50%;
}

.page-content .page .button-list{
	height: 168px;
	width: 220px;
	position: absolute;
	top: 4px;
	left: 192px;
}

.page-content .page .button-list .button{
	width: 220px;
	height: 50px;
	border-radius: 5px;
	color: #fff;
	margin-bottom: 24px;
}

.page-content .page .button-list .button a{
	display: block;
	width: 100%;
	height: 46px;
	line-height: 48px;
	font-size: 18px;
	color: transparent;
	text-align: center;
	text-indent: 28px;
}

.page-content .page .button-list .button.iphone-btn{
	background: url(../img/iphone.png) no-repeat;
}

.page-content .page .button-list .button.android-btn{
	background: url(../img/android.png) no-repeat;
}

.page-content .page .button-list .button:hover{
	background-color: rgb(0,197,92);
}

.page-content .live-show {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10001;
    width: 258px;
    height: 305px;
    margin-left: -129px;
    margin-top: -129px;
    background: #fff;
}

.page-content .live-show .er {
    width: 220px;
    height: 220px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    background: url(../home/img/qrcode-weixin.png) no-repeat center center;
    background-size: cover; 
}

.page-content .live-show .close-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: url(../home/img/close_icon22x22.png) no-repeat;
    cursor: pointer;
}

.page-content .live-show h1,
.page-content .live-show h2 {
    text-align: center;
}

.page-content .live-show h2 a {
    display: inline-block;
    text-align: center;
    color:#5fb336; 
}

.page-content .live-show h2 a:hover {
    text-decoration: underline;
}

/* ----------- service ----------- */

.page-content .service-1{
	height: 700px;
}

.page-content .service-1 .wrap{
	background: url(../img/banner-service.png);
}
.page-content .service-1 .lt-icon{
	position: absolute;
	top: -140px;
	bottom: 0;
	right: 23px;
	width: 505px;
	background: url(../img/07.png) no-repeat scroll 100% 0%;
	transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-moz-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-webkit-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
	-ms-transition: top 2s cubic-bezier(.1,0,.04,1), opacity 2s;
}

.page-content .service-1 .title{
	position: absolute;
	top: 700px;
	left: 30px;
	width: 515px;
	height: 518px;
	background: url(../img/banner6.png) no-repeat scroll 0% 0%;
	transition: top 2s cubic-bezier(.1,0,.04,1);
	-moz-transition: top 2s cubic-bezier(.1,0,.04,1);
	-webkit-transition: top 2s cubic-bezier(.1,0,.04,1);
	-ms-transition: top 2s cubic-bezier(.1,0,.04,1);
	opacity: 0;
}

.page-content .service-1.active .lt-icon{
	top: 230px;
}

.page-content .service-1.active .title{
	top: 182px;
	opacity: 1;
}

.page-content .service-2 .title{
	margin: 60px auto;
	text-align: center;
	font-size: 24px;
}

.page-content .service-2 .topics{
	width: 984px;
	margin: 60px auto;
}

.page-content .service-2 .topics:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    width: 100%;
}

.page-content .service-2 .item{
	width: 328px;
	height: 280px;
	float:left;
	background-repeat: no-repeat;
}
.page-content .service-2 .qrcode{
	display: none;
	width: 100%;
	height: 100%;
	background: url(../img/app_code.png) no-repeat;
}
.page-content .service-2 a:hover .qrcode{
	display: block;
}
.page-content .service-2 a.a {
	background-image: url(../img/001.jpg);
}
.page-content .service-2 a.b {
	background-image: url(../img/002.jpg);
}
.page-content .service-2 a.c {
	background-image: url(../img/003.jpg);
}
.page-content .service-2 a.d {
	background-image: url(../img/004.jpg);
}
.page-content .service-2 a.e {
	background-image: url(../img/005.jpg);
}
.page-content .service-2 a.f {
	background-image: url(../img/006.jpg);
}

/* ----------- service ----------- */
body.joinus {
	background: #f7f7f7;
}

.page-content .contactus .highlight {
	color: rgb(0, 197, 92);
}

.page-content .contactus {
	background: #fff;
	width: 990px;
	height: 240px;
	margin: 132px auto 0 auto;
	padding-left: 60px;
	padding-top: 45px;
}

.page-content .contactus p {
	line-height: 48px;
	font-size: 18px;
}

.page-content p.company {
	background: url(../img/shutiao.png) no-repeat left center;
	padding-left: 20px;
}

.page-content .aside {
	float: left;
}

.page-content .aside.first {
	margin-right: 65px;
	padding-left: 20px;
}

.page-content .map {
	width: 1050px;
	height: 530px;
	margin: 0 auto 72px auto;
	display: block;
}